<template>
<div class="header">
    <div class="header-left iconfont">&#xe624;</div>
    <div class="header-input">
        <i class="iconfont">&#xe632;</i>
        输入 城市/旅游景点
    </div>
    <div class="header-right">
        城市
        <span class="iconfont">&#xe6aa;</span>
    </div>
</div>
</template>
<script>
export default {
 name:'HomeHeader'
}
</script>
<style lang="stylus" scoped>
    .header
        display: flex
        line-height: 2.86rem
        color: #fff
        background: #00CCFF
        .header-left
            float:left
        .header-input
            flex: 1
            background: #fff
            border-radius: 0.24rem
            margin-top: 0.1rem
            margin-left: 0.24rem
            color: #ccc
            padding-left: .48rem
        .header-right
            float:right
            text-align: center
</style>

